<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>汽车之家</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="x5-fullscreen" content="true">
    <meta name="full-screen" content="yes">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript">
        document.documentElement.style.fontSize = window.innerWidth / 3.75 + 'px'
    </script>
</head>
<body>
<!-- <header></header> -->
<section class="bg1">
    <div class="logo"><img src="images/logo.png"></div>
    <div class="fourWrap sevenWrap">
        <div class="fourTip finalbo">
            <img src="images/arrowUp.png" alt="">
            <p>选择一个分享到朋友圈的标题</p>
            <img src="images/arrowUp.png" alt="">
        </div>
        <div class="fourList finaltop active"><p>XXX昨日怒提新车</p><p>“左手事业 右手家庭”</p></div>
        <div class="fourList finaltop"><p>太膨胀！XXX买车眼都不眨</p><p>“要全款，我不喜欢贷款”</p></div>
        <div class="fourList finaltop"><p>一高兴就买车，XXX真任性</p><p>“买台车而已，别惊讶”</p></div>
    </div>
    <div class="up_btn2">
        <a href="javascript:;">生成分享</a>
    </div>
</section>
<section class="cover">
    <img src="images/share1.png">
</section>
<script src="js/jquery.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">

    $('.fourList').mouseup(function () {
        $(this).addClass('active').siblings('.fourList').removeClass('active');
    });
    $('.up_btn2 a').click(function () {
        $('.cover').fadeIn();
        localStorage.setItem("text", $(".active").html());
        window.location.href='six.html'
    });
    $('.cover').click(function () {
        $(this).fadeOut();
    })
</script>
</body>
<script src="js/jquery.js"></script>
<script src="js/common.js"></script>
</html> 